<template>
	<view class="communitBox">
		<view class="itembox">
			<view class="headerBoxall">
				<view class="gideindex">进一步了解{{wordtitle}}</view>
				<view class="itemboxall">
					<view class="selfindex">查看</view>
					<image class="itemIcon" src="../../../static/index/Icon _ Light _ Chevron _ Previous (1).png" mode=""></image>
				</view>
			</view>
			<scroll-view class="scroll-view_H" scroll-x="true" @scroll="scroll" scroll-left="0">
			   <view class="scroll-view-item_H" v-for="(item,index) in CardArray" :key="index">
			   	  <image class="itemImage" :src="item.imageUrl" mode=""></image>
				  <view class="nametitle">{{item.nametitle}}</view>
				    <view class="cantact">{{item.cantact}}</view>
			   </view>
			</scroll-view>
		</view>
	</view>
</template>

<script setup>
	const propos = defineProps({
		wordtitle:{
			type:String,
			default:'川西'
		},
		CardArray:{
			type:Array,
			default:()=>[]
		}
	})
</script>

<style scoped>
	.selfindex{
		font-size: 14px;
		color:#737373 ;
	}
	.itemIcon{
		margin-left: 5px;
		width: 6px;
		height: 11px;
	}
	.itemboxall{
		display: flex;
		align-items: center;
	}
	.itemImage{
		border-radius: 15px 15px 0 0; 
		width: 100%;
		height: 154px;
	}
	.nametitle{
		margin-top: 1vh;
		margin-left: 1vh;
		font-size: 18px;
		font-family:  "仓耳渔阳体 W05";
	}
	.cantact{
		margin-top: 0.8vh;
		margin-left: 1vh;
		color: #706868;
		font-size: 15px;
	}
	.scroll-view-item_H {
		border-radius: 15px;
		background-color: #ededed;
			margin-left: 1.5vh;
			display: inline-block;
			width: 270px;
			height: 234px;
		}
	.scroll-view_H {
		margin-left: -1.5vh;
			white-space: nowrap;
			width: 100%;
		}
	.cardImage{
			margin-top: 2vh;
		}
		.iamgea{
			border-radius: 15px;
		}
		.ietmall{
			margin-left: 5vw;
		}
		.communitBox{
			margin-top: 3vh;
			width: 100vw;
		}
		.allitem{
			height: 100%;
	width: 80vw;
		}
		.imageboxall{
			height: 187px;
			width: 100%;
			display: flex;
			justify-content: space-between;
		}
		.isbutton{
			margin-top: 10px;
		}
		.itemitem{
	width: 45vw;
	
			height: 46%;
		}
		.itemIcon{
			margin-left: 5px;
			width: 6px;
			height: 11px;
		}
		.gideindex{
			font-size: 20px;
			font-family:  "仓耳渔阳体 W05";
		}
		.itemboxall{
			display: flex;
			align-items: center;
		}
		.headerBoxall{
			width: 96%;
			display: flex;
			justify-content: space-between;
		}
		.itembox{
			width: 90vw;
			margin: 0 auto;
			display: flex;
			flex-direction: column;
			
		}
</style>